@@@@@@@@@@@@@@@@@@ TjzM@What's New 2002/9/6

@@@@@@@@@@@S҂̂߂̃z[y[W
@@@@@@@ @@@http://www.scollabo.com/banban/
@@@@@@@@@@@@@@@@17

@@@@@@@@@@@@@banban@scollabo.com



@̍u̓^OoăeLXgGfB^Ńz[y[WƂA
ǂ炩ƂƂIȍƂSɂȂ܂Be̐p̃I[T
O\tgƂ͈悵āAvʂ̃v݂̂go邱Ƃo܂B

@ɂ͐IœȌtoĂ܂AȂׂS҂ɂ₷
Ă܂BǂACyȋCłtBu
钆ŕȂ_܂AȂ[B

@ułHTML4.01𒆐SƂ@̂ƂȂĂ܂BȂÃ}K
W͓tHgłǂ݂ƉKɓǂ߂悤ɂȂ܂B

@T̉ۑ  zũRg[@̂Q
@@@@@@@@Z^OƐΈʒȕdˏ
@@@@@@@@ubNxƃCCxvf̕ϊ



摜𒆉ɔzu

@y[W̃^CgȂǂ摜ɂĕ\鎞ɂ̓Z^OĖڗ
悤ɂ̂łB

@̂́A<center> Ƃ΂悩̂łAp~vfłB
܂A<div align="center"> ƂΓ悤ɒɔzu܂A
alignp~ɌĂ܂BႠAǂH

@͂AX^CV[g܂BɊȒPɂł̂ŎĂ݂
B

@ X^CV[giCSSj
@div { text-align: center }

@ HTML
  <body>
  <div>
  <img src="images/hana.png" width="200" height="175" alt="Ԃ̊G">
  </div>
  </body>

 imgvf̓CCxvfł̂ŁAƓƂȂAɔz
u܂B

iTipsj
  ͂܂Z^OĎgƂ͏ȂƎv܂AςɃZ^
@OƁAɂȕ\ɂȂꍇ܂BAov
@f͎g₷܂B

ubNxvfzûɂ́A󋵂قȂ܂B
@ubNxvf̓X^CV[gŊȒPɐݒł܂A
e[u͂Ƃ₱悤łB

@ubNxvf̃Z^O
@h1 { text-align: center }
  p  { text-align: center }



e[u̔zu

Ȃ̂e[u̔zułBȂƍ񂹂Ȃ肠܂񂪁A
𒆉Ɋ񂹂̂͏HvKvłB
@L divvf̃X^CV[gł́AMSIEiMicrosoft Internet Explorerj
̂ݒɔzuł܂AOperaANetscapeAMozilla ł͖Ă܂
܂B
@iTipsF Netscape͐̂當@ɌAMSIE͊ełBj

   CSS
@div { text-align: center }

@ HTML
@<body>
  <div>
  <table summary="e[uł">
  <tr><td>Z</td><td>Z</td><td>Z</td></tr>
  <tr><td>Z</td><td>Z</td><td>Z</td></tr>
  <tr><td>Z</td><td>Z</td><td>Z</td></tr>
  </table>
  </body>
@iZ̃f[^Z^O܂B܂ŁAMSIÊݑΉLq
@@@ŁAgȂقSłBj

@{TCg̊et@Xł̓e[u𑽗pĂ܂AɃZ^
OĂ܂B
@ <table align="center"> ͎gĂ܂B̍\͔̑񐄏
ł₪Ĕp~Ă܂łBL CSSgĂ܂B

 ]_ɂĕ\

@̓e[u̍Eɓl̗]ݒ肷邱ƂŃe[u͒ɕ\
܂BɋCÂ܂ŁAxY񂾂Ƃł傤Bx߂āA
^錾ɁATransitionalIԂ@Ȃ̂łBǂĂȕ
@ŏɂ́A̕@o܂łB
@ȂȀꍇ̓e[ủwsAPʂ́ŋLq܂B

AȒPȃe[uăZ^OĂ݂܂傤BX^CV
[gg܂̂ŁA͂̍ۂɃRuFvAZ~RuGvԈႦȂ
悤ɁB
@eLXgGfB^iSimpleText⃁ȂǁjNĉL̂悤Ƀ^Cv
ĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>e[ũZ^O</title>
<style type="text/css">
<!--
body  { margin: 0px;
        padding: 0px }

table { margin-left: 30%;
        margin-right: 30%;
        width: 40% }

td.gr { background-color: #090;
        color: #fff }

h1    { text-align: center;
        color: #009 }
-->
</style>
</head>

<body>
<h1>e[ũZ^O</h1>

<table border="1" cellpadding="3" cellspacing="0" summary="e[ũTv">
<tr><td colspan="4" class="gr">e[ũZ^O</td></tr>
<tr><td>Z</td><td>Z</td><td>Z</td><td>Z</td></tr>
<tr><td>Z</td><td>Z</td><td>Z</td><td>Z</td></tr>
<tr><td>Z</td><td>Z</td><td>Z</td><td>Z</td></tr>
<tr><td>Z</td><td>Z</td><td>Z</td><td>Z</td></tr>
</table>

</body>
</html>

͂I܂炢̂悤ɔpŁA
test_21.html ƕKgqu.htmlvYȂ悤ɂĕۑ܂B
@ۑA_uNbNăuEUŌĂB
iۑHTMĹAōDȖOĂ܂܂Bj

@HTMLsURL
@http://www.scollabo.com/banban/magazine/backnm_017.html#sample_01




body  { margin: 0px; padding: 0px }
@uEUĂ]ׂĎ菜܂BuEU̗]́AuE
@UɂقȂ܂A̐ݒłׂĂOƂ܂B

table { margin-left: 30%; margin-right: 30%; width: 40% }
@e[u̍E̗]uEỦ30ƂāAe[ủ40
@ɐݒ肵܂BɂAe[uRecuEUŃZ^O
@ĕ\܂B]Ɖ̍v͕K100Ƃ܂B
@ȂARecɂẮA]̐ݒAe[ủ̐ݒ𒲐
@BȂɍlZ^O\łB܂A

|| ]30 ||||[ table 40 |[||| ]30 ||
@̂悤ɐݒ肵킯łBŌڂ̃Z^OƂȂ͂łB
@̎@́A{bNXȂǂɂgł傤B

td.gr { background-color: #090; color: #fff }
@Z̔wiFΐFAF𔒐Fɐݒ肵܂B

h1 { text-align: center; color: #009 }
@ovf h1 ̈ʒuZ^OɂāAFԐFɐݒ肵܂B



RecC[Ƃďd˂ĕ\

@C[Ƃ͓ȗpɉ܂B̏ɂ܂ȗpd˂
܂BꌩƂP̗pɉĂ悤Ɍ܂B
C[iwjƌĂт܂B

@摜\tgɗǂp@łBTqׂ܂uΈʒuv̎w
ɉăC[ƂX^CV[g܂傤B

@C[̂悤ɌꍇAKuΈʒuvw肷邱ƂłB
ďdˏݒ肷邱ƂŁAP̃Reĉ悤Ɍ邱Ƃł
܂BȂĂ܂̂ŁAƂ肠HTMLČ܂傤B

@eLXgGfB^iSimpleText⃁ȂǁjNĉL̂悤Ƀ^Cv
ĂB CSS𑽗p܂̂ŁARuFvAZ~RuGvԈ
Ȃ悤ɂĂBÍu pvu " vYȂ悤ɁB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>C[</title>
<style type="text/css">
<!--
body     { margin: 0px; 
           padding: 0px }

div      { padding: 5px;
           font-size: xx-large;
           font-weight: bold }

div.box1 { position: absolute;
           top: 20px;
           left: 50px;
           z-index: 1;
           background-color: #fcc;
           color: #009 }

div.box2 { position: absolute;
           top: 40px;
           left: 180px;
           color: #f00;
           z-index: 4 }

div.box3 { position: absolute;
           top: 50px;
           left: 90px;
           z-index: 2;
           background-color: #ffc;
           color: #090 }

div.box4 { position: absolute;
           top: 10px;
           left: 140px;
           z-index: 3;
           background-color: #cff;
           color: #099 }
-->
</style>
</head>

<body>
<div class="box1">HTML</div>

<div class="box2">Web For Beginner</div>

<div class="box3">CSS</div>

<div class="box4">JavaScript</div>

</body>
</html>

@͂I܂A̂悤ɕۑ܂Bł́Atest_22.html
ƂĂ܂B
@ۑ_uNbNāAuEUŌĂ݂܂B܂\Ȃꍇ
́AقƂǂ^Cv~XłBx܂傤BɃ_uR[e[
V̕Yꂪ悤łB

  TvHTMLsURL
@http://www.scollabo.com/banban/magazine/sample/mmsample_024.html





body { margin: 0px; padding: 0px }
@onuEUlŎĂ؂̗]ȂĂ܂܂B

div { padding: 5px; font-size: xx-large; font-weight: bold }
@ׂĂ divvf̃Rec̗]TsNZAtHg̑傫P
  ԑ傫Aĕ܂B̃y[W divvfSɓKp
@܂B

div.box1 { position: absolute; top: 14px; left: 50px; z-index: 1;
           background-color: #fcc; color: #009 }
@{bNX̐Έʒuォ14sNZA50sNZ̍WɎw肵
@\̏dˏ z-index: 1 ňԖڂƂ܂B̐l̓}CiXݒ
@܂Bl傫قǏdˏ̈ԏɕ\܂B

@@ȂAposition: absolute ł͂܂ӖAK topAleftA
@rightAbottomȂǂlƋɐݒ肵܂Bl̒Pʂ̓sNZAłB
@w肵ꍇAuEU̕⍂ɑ΂đΓIɈʒu܂B
@̃{bNX̔wiF̓sNFɁAF͔Zɐݒ肵܂B

div.box2 { position: absolute; top: 10px; left: 130px; color: #00f;
           z-index: 4 }
@{bNX̐Έʒuォ10sNZA130sNZ̈ʒuɁA܂
@\̏dˏ͂RƂāAł͂Pԏ̃C[ƂȂĕ\܂B
@F͐ԐFɐݒ肵܂B

div.box3 { position: absolute; top: 14px; left: 425px; z-index: 2;
           background-color: #ffc; color: #090 }
@{bNX̐Έʒuォ14sNZA425sNZ̈ʒuɁA܂
@\̏dˏ͂QƂāAł͂QԖڂ̃C[ƂȂĕ\܂B
@wiF͔N[FAF͗ΐFɐݒ肵܂B

div.box4 { position: absolute; top: 10px; left: 140px; z-index: 3;
           background: #cff; color: #099 }
@{bNX̐Έʒuォ10sNZA140sNZ̈ʒuɁA܂
@\̏dˏ͂RƂāAł͏ォQԖڂ̃C[ƂȂĕ\
@BwiF͔FAF͔ZFɐݒ肵܂B



C[̏dˏω----Cxgnhg

@JavaScriptŒ`ĂCxgnhgāAC[̏dˏ
ω܂Bǂ炩ƌ΂܂Ӗ܂̂ŃCxgnh
̕׋̂ƂlB

@eLXgGfB^NĉL̂悤Ƀ^CvĂBRZ
~RԈႦȂ悤ɒӂĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>C[</title>
<style type="text/css">
<!--
body  @{ margin: 0px; padding: 0px }

div     { margin: 0px }

img.st1 { position: absolute;
           top: 0px;
           left: 0px;
           z-index: 1 }

img.st2 { position: absolute;
           top: 180px;
           left: 60px;
           z-index: 2 }
-->
</style>
</head>

<body>
<div>
<img class="st1" src="images/shoki.jpg" width="225" height="315" 
alt="c" onMouseover="this.style.zIndex=3" 
onMouseout="this.style.zIndex=1">     <!-- PsŋLqĂ -->

<img class="st2" src="images/hana.png" width="200" height="175"
alt="Ԃ̊G">      <!-- PsŋLqĂ -->
</div>

</body>
</html>

@͂I܂炢̂悤ɔpŁA
test_21.html ƕKgqu.htmlvYȂ悤ɂĕۑ܂B
@ۑA_uNbNăuEUŌĂB
iۑHTMĹAōDȖOĂ܂܂Bj

@TvHTMLsURL
@http://www.scollabo.com/banban/magazine/sample/mmsample_025.html





<meta http-equiv="Content-Script-Type" content="text/javascript">
@HTMLɃXNvgLqĂ邱ƂHTTPT[oɓ`܂BXN
@vgSɓ߂ɁAKLq悤ɐS܂傤B
@@ȂAXNvg͂̑ɁAVBScript܂B

div { margin: 0px }
@P̃{bNXłBׂĂ̗]܂B̒ɃCCxv
@f݂܂̂ŁAĐݒ肵܂B

img.st1 { position: absolute; top: 0px; left: 0px; z-index: 1 }
@摜\vfΈʒuŎw肵܂B܂A\̏dˏ͈
@̃C[Ƃ܂B

img.st2 { position: absolute; top: 180px; left: 60px; z-index: 2 }
@摜\vfΈʒuŁAC[̏dˏɐݒ肵܂B
@ʒúAォ 180sNZA60sNZƂāAŏ̉摜菭
@ItZbgĂ܂B

onMouseover="this.style.zIndex=3" onMouseout="this.style.zIndex=1"
@JavaScriptŗpłCxgnhB}EXdȂA}EXO
@ꂽɔ铮𗘗pĂ܂B΂ΎgCxgnh
@łB
@@CxgnhƂ́A[U}EXNbNA肷
@uԂɔ̂ŁAuEU͂ĎĂ܂BJavaScriptł
@̃CxgnhOij邽߂̂̂ƂāACx
@gnh𐔎pӂĂ܂B
@iڂ͂@http://www.scollabo.com/banban/java/jvs_004.html j

@@̏ꍇ́A}EXdȂɂ܂ł̃C[̏dˏω
@Ă܂B܂A}EXOꂽɏdˏԉɂ܂B
@@sɂPsŋLqĂBςɉsƓȂȂꍇ
@܂B
@@ȂAXNvg̑ΉĂȂuEUł́APɂQ̉摜ׂ
@\܂B



@ubNxvfCCxɁACCxvfubN
xŕ\@܂B

@ʏAubNxvf́AOɉsĕ\܂B܂AC
Cxvf͕ƓɈOɉs󔒂܂B
@̗vf𐳔΂ɕ\̂AX^CV[gExQŒ`
Ă܂B
@ȒPȕĂ݂܂傤BeLXgGfB^NĉL̒ʂɃ^C
vĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>vf̓ς</title>
<style type="text/css">
<!--
div  { margin: 10px 50px }

h1   { display: inline;
       color: #f00 }

span { display: block;
       color: #090;
       font-size: x-large }
-->
</style>
</head>

<body>
<div>
<h1>ovf</h1>
ʏAovf͑OɉsĂ܂Ał̓CCxv
fƂēĂ܂B
<p>
<span>CCxvf</span>
CCxvf́AʏOɉs󔒂܂񂪁Ał̓u
bNxƂēĂ܂B</p>
</div>

</body>
</html>

@͂I܂炢̂悤ɔpŁA
test_22.html ƕKgqu.htmlvYȂ悤ɂĕۑ܂B
@ۑA_uNbNăuEUŌĂB
iۑHTMĹAōDȖOĂ܂܂Bj

@TvHTMLsURL
@http://www.scollabo.com/banban/magazine/sample/mmsample_027.html





div { margin: 10px 50px }
@P̃{bNXݒ肵܂B㉺10sNZAE50sNZ̗]
@A̒ɃReczu܂B

h1 { display: inline; color: #f00 }
@ovfCCxƓ\ɂ悤ɐݒ肵̂łB
@ÔƂłA̋@\̓ubNxvfɓKp܂B
@F͐ԐFɂ܂B

span { display: block; color: #090; font-size: x-large }
@CCxvfubNxƓ\ɐݒ肵̂łB
@ÔƂłA̋@\̓CCxvfɓKp܂B
@@F͗ΐFɁȂ傫Ȃ傫ݒ肵܂B

@display̒l͂̑ɁA
@ list-item XgACevfɕϊBlivfƓ܂B

@ none      w肳ꂽvf͕\܂񂪁Ä̗͗̕]ƂĊm
@@@@@@ ۂ܂B

@܂g@͂ȂƎv܂AubNxvfCCx
vfꂼ]Ĕzu@邱ƂoĂƂł
B

@zũRg[Ɋւ@͑ɂ܂Aꉞp҂̒Ő
Ă܂B

͂܂ŁAł͂ł́EE
T̂炢͂vy[Wɂfڂ܂̂ŁA񌩂ĂĂB
vy[WHTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

iT̂炢j
http://www.scollabo.com/banban/magazine/backnm_017.html

@́At[̍쐬ɂďڂ܂B



Eӌ͂͂܂Ł@banban@scollabo.com
ȂA̍ۂɂ́AgOSAʏgĂuEUAgĂeL
XgGfB^ȂǁAȂׂ₷𖾋LĂƉ
₷ȂƎv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

뎚EEEϊ~XE\RȂǂɂ͕Ɍe͊肢܂BȂA}KW
ׂ̂Ă̋LqɌ肪ꍇABƔlƋɎ܂œ˂Ă
ƍKɎv܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
uށ@@@@@http://www.scollabo.com/banban/daf/material.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E[ށ

@TAAJ̒ Stat MarketЂ\ẼuEU̎s
VFAŁAMSIEƁA96ɒBƕ񂶂܂B
  ȂABAAAWAnł́AAĴR{炢Netscape[U
邱Ƃ񂶂Ă܂B

   EŗpĂEGuEuEU̎sVFAi2002N826݁j
     Microsoft:  95.97 %
     Netscape:    3.39 %
     ̑:      0.64 %

@S`TNOɂ́ANetscapẽVFA͂V傫Ă̂łA
߂`nkɔĈȗVFA𗎂ƂA܂AeʂdȂĂ܂
AvɂȂ̂Ǝv܂B͂`nk[Û݂̃uEU
ƂȂĂ܂̂܂BuEU̘V܂Ȃ̂ɁA₵̂łB

@MSIE݂̋́AWindows Mac OSɕWŃohĂ̂傫ȗv
ł傤BӖł̓uEU푈̏I}AMSIE̕WɂȂ
Ă܂炠܂B
@APЂ̉ǐԂ͊댯ȂƂĂ܂B

 StatMarket  http://www.statmarket.com ipj
 Netscape    http://wp.netscape.com/ja/  iVersion7.0 {ŐJj
 Opera       http://jp.opera.com/  iVersion6.05 {ŌJj



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɂRɎg
Ăx܂B

    @@Copyright(C) 2002  www.scollabo.com/banban/
